<template>
  <div class="app_content_container">
    <Breadcrumb :items="['系统设置']" />
    <div class="content_info flex_between warp">
      <BorderBox
        title="明感时段"
        :wrapperStyle="{
          width: 'calc((100% - 32px) / 2)',
          height: '300px',
        }"
      >
        <template #title_r>
          <ga-link @click="$refs.addOrEditRef.open()"> 编辑 </ga-link>
        </template>
        <template #main_info> ssssssssssss </template>
      </BorderBox>
      <BorderBox
        title="宿主机预留资源"
        :wrapperStyle="{
          width: 'calc((100% - 32px) / 2)',
          height: '300px',
        }"
      >
        <template #title_r>
          <ga-link @click="$refs.addOrEditRef.open()"> 编辑 </ga-link>
        </template>
        <template #main_info> ssssssssssss </template>
      </BorderBox>
    </div>
  </div>
</template>

<script setup>
import { ref, computed } from "vue";
import { getVmList } from "@/api/vm";
</script>

<style lang="scss" scoped>
.warp {
  flex-wrap: wrap;
}
</style>
